<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>AJAX post方法使用</title>
</head>
<body>
	<form id="fm" action="">
		账号：<input id="name" type="text" name="name" value="">
		密码：<input id="psd" type="password" name="password" value="">
		<input id="btn" type="button" value="AJAX post提交">
		<input id="formbtn" type="button" value="AJAX提交">
	</form>
	<script type="text/javascript" src="../../js/jquery-3.3.1.js"></script>
	<script>
		// $.post()方法
		$('#btn').click(function(){
			var name = $('#name').val();
			var psd = $('#psd').val();
			if(name == '' || psd == ''){
				alert('error');
				return;
			}
			$.post('../php/post.php',{name:name,password:psd},function(res){
				console.log(res);
			});
		});
		// $.ajax() 使用 FormData对象(不能在$.post()方法使用)
		$('#formbtn').click(function(){
			// 第一种方法
			var formData = new FormData($('#fm')[0]);
			var name = $('#name').val();
			var password = $('#psd').val();
			if(name == '' || password == ''){
				alert('error');
				return;
			}
			// 第二种方法
			// var formData = new FormData();
			// formData.append('name',name);
			// formData.append('password',password);
			$.ajax({
		            url: "../php/post.php",
		            type: "post",
		            data: formData,
		            contentType: false,
		            processData: false,
		            success: function (data) {
		               	console.log(data);
		            },
		            error: function () {
		                alert('错误');
		            }
		        });
		});
	</script>
</body>
</html>